<template>
  <el-table :data="tableData">
    <el-table-column prop="id" label="编号" />
    <el-table-column prop="uname" label="卡号" />
    <el-table-column prop="iden" label="总金额" />
    <el-table-column prop="mobile" label="可借金额" />
    <el-table-column prop="isAccess" label="状态">
      <template v-slot="scope">
        <el-tag v-if="scope.row.isAccess === 0" type="success">未审核</el-tag>
        <el-tag v-else-if="scope.row.isAccess === 1" type="success">
          审核通过
        </el-tag>
        <el-tag v-else-if="scope.row.isAccess === 2" type="success">
          审核未通过
        </el-tag>
      </template>
    </el-table-column>
    <el-table-column prop="createTime" label="申请时间" />
    <el-table-column prop="updateTime" label="审核时间" />
  </el-table>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import { GetCreditCardList, GetMyExamineCredit } from '@/api/creditCard'

const tableData = ref([])
function getTableDate() {
  GetMyExamineCredit().then(res => {
    console.log(res.data)
    tableData.value = res.data
  })
}

onMounted(() => {
  getTableDate()
})
</script>

<style scoped></style>
